<!doctype html>
<html lang="zh-cn">

<head>
  <base href="/">
  <meta charset="utf-8">
  <title>商户平台</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="renderer" content="webkit">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta name="viewport" content="width=device-width, height=device-height,initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <style type=text/css>
    html ,body{
      background-color: #f8f8f8;
      width: 100%;
      height: 100%;
    }

    body {
      font-family: "Microsoft YaHei", 微软雅黑, "STHei", 华文黑体, "Helvetica Neue", Helvetica, Arial, sans-serif;position: relative;
    }

    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
      margin: 0;
      padding: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    b {
      font-size: 100%;
    }

    ol,
    ul {
      list-style: none;
    }

    a {
      cursor: pointer;
      text-decoration: none;
      color: #1890ff;
    }
    .backgroundContainer {
        height: 100%;
        overflow-y: hidden;
    }
    .backgroundContainer .bgTop {
        background-image: url('');
        background-repeat: repeat;
        height: 214px;
    }
    .backgroundContainer .bgTop div {
      opacity: 0.6;background:linear-gradient(#3763F2 0%,#0155FF 100%);height: 214px;
    }
    .backgroundContainer .bgBottom {
        background-image: url('');
        height: 100%;
        background-repeat: repeat;
        background-size: 152px;
    }
    .main>img {
      position: absolute;
      width: 160px;
      /* height: 52px; */
      top: -80px;
      left: -4px;
    }
    .main {
      padding: 32px 40px;
      width: 1250px;
      min-height: 405px;
      /* box-sizing: border-box; */
      background: #fff;
      position: absolute;
      left: 0px;
      top: 140px;
      right: 0px;
      /* bottom: 0px; */
      margin: 0 auto;
      box-shadow: 0px 0px 1px 2px rgba(100,100,100,0.1);
      border-radius: 3px;
      /* display: inline-block; */
    }
    table {
      border-collapse: collapse;
      width: 100%;
      line-height: 45px;
      background: #F8F8F8;
    }

    table, td {
        border: 1px solid #E4E4E4;
    }
    table td:nth-child(1){
        width: 196px;
        padding-left: 20px;
        color: #030303;
    }
    table td:nth-child(2){
        width: 973px;
        padding-left: 27px;
        color: #5D5D5D;
    }
  </style>
</head>

<body>
    <div class="backgroundContainer">
        <div class="bgTop">
          <div></div>
        </div>
        <div class="bgBottom">

        </div>
    </div>
    <div class="main">
        <img src="" alt="">
        <div class="mainBody">
            <div style="font-size: 16px;font-weight: bold;color: #030303">尊敬的${merchant_name}:</div>
            <div style="color: #030303;font-size: 14px;font-weight: 500;margin: 24px;line-height: 20px"> 很遗憾地通知您，您的订单<a href="${order_path}">${order_uuid}</a> 已全额退款，订单将会关闭，退款详情如下： </div>
            <table style="font-size: 14px;border-radius: 3px">
              <tbody>
                <tr>
                  <td>退款原因：</td>
                  <td>${order_refund_reason}</td>
                </tr>
                <tr>
                  <td>退款金额：</td>
                  <td>${order_refund_amt}</td>
                </tr>
                <tr>
                  <td>退款发起人：</td>
                  <td>${order_refund_starter}</td>
                </tr>
                <tr>
                  <td>退款完成时间：</td>
                  <td>${order_refund_at}</td>
                </tr>
              </tbody>
            </table>
            <div style="color: #030303;font-size: 14px;font-weight: 500;margin: 24px;line-height: 20px">  如有疑问，请联系客服 <a href="javascript:void(0)">sellersupport@allwees.com</a> </div>
            <div style="font-size: 14px;line-height: 20px">顺祝商祺！</div>
        </div>
    </div>

</body>
<script type=text/javascript>

</script>

</html>
